@charset "utf-8";
.banner {
overflow: hidden;
width: 100%;
height: 500px;
background: url(../images/20161103162416_18193.jpg) no-repeat center top
}
#flashs {
position: relative;
height: 500px;
overflow: hidden
}
#flashs .bgitem {
z-index: 1;
position: absolute;
top: 0
}
#flashs .btn {
text-indent: -99999em;
overflow: hidden;
position: absolute;
z-index: 50;
left: 50%;
bottom: 13px;
padding: 0 1px;
border: 2px solid #0488e5;
width: 146px;
margin-left: -60px;
*padding-bottom: 2px
}
#flashs .btn span {
display: block;
cursor: pointer;
float: left;
width: 46px;
height: 8px;
background-color: #f7f7f7;
margin: 2px 1px;
opacity: .42
}
#flashs .btn span.cur {
background-color: #0488e5;
opacity: 1
}
.search {
overflow: hidden;
width: 100%;
height: 32px;
padding: 12px 0;
background-color: #d3d3d3
}
.search p {
float: left;
line-height: 32px;
font-size: 13px;
color: #333
}
.search p a {
color: #333;
margin-right: 10px
}
.search .sbox {
overflow: hidden;
height: 32px;
background: url(../images/search.png) no-repeat center top;
width: 289px;
float: right
}
.search input {
overflow: hidden;
padding: 0 10px;
width: 210px;
height: 32px;
border: none;
background: 0 0;
outline: none;
float: left;
font-size: 13px;
color: #333;
line-height: 32px
}
.search span {
display: block;
width: 59px;
height: 32px;
cursor: pointer;
float: right
}
.title {
overflow: hidden;
width: 100%
}
.title h2 {
text-align: center;
font-size: 24px;
color: #005aa1;
background: url(../images/title_bg.png) no-repeat center;
margin-bottom: 5px
}
.title h2 a {
color: #005aa1
}
.title p {
font-size: 12px;
color: #999;
text-align: center;
text-transform: uppercase
}
.hezuo {
overflow: hidden;
width: 100%;
padding-top: 60px;
background-color: #f9f9f9;
padding-bottom: 40px
}
.hezuo .hebox {
overflow: hidden;
width: 1100px;
height: 140px;
margin: 0 auto;
position: relative;
margin-top: 30px
}
.hezuo .hebox i {
display: block;
width: 41px;
height: 41px;
cursor: pointer;
position: absolute;
top: 30px
}
.hezuo .hebox .btn01 {
background: url(../images/hezuo__btn01.png) no-repeat center top;
left: 0
}
.hezuo .hebox .btn02 {
background: url(../images/hezuo__btn02.png) no-repeat center top;
right: 0
}
.hezuo .hebox i:hover {
background-position: bottom
}
.hezuo .heWin {
overflow: hidden;
width: 1000px;
margin: 0 auto;
height: 140px;
position: relative
}
.hezuo .heWin ul {
overflow: hidden;
position: absolute
}
.hezuo .heWin li {
float: left;
width: 190px;
height: 140px;
margin-right: 12px
}
.hezuo .heWin li span {
display: block;
text-align: center;
font-size: 13px;
color: #333
}
.hezuo .heWin li a {
display: block;
text-decoration: none
}
.hezuo .heWin li img {
display: block;
margin-bottom: 10px
}
.pro {
overflow: hidden;
width: 1000px;
margin: 0 auto;
margin-top: 50px
}
.pro .leftpro {
overflow: hidden;
float: left;
width: 230px
}
.pro .leftpro h3 {
background: url(../images/pro01.png) no-repeat center;
width: 100%;
height: 105px
}
.pro .leftpro h3 b {
font-size: 28px;
color: #fff;
font-family: Impact;
display: block;
padding-left: 25px;
padding-top: 30px;
font-weight: 400
}
.pro .leftpro h3 em {
display: block;
font-size: 16px;
color: #fff;
padding-left: 25px
}
.pro .leftpro .menu {
overflow: hidden;
width: 226px;
border: 2px solid #005aa1;
border-top: none;
border-bottom: none;
padding-top: 15px;
*padding-bottom: 20px;
}
.pro .leftpro .menu li {
overflow: hidden;
width: 204px;
margin: 0 auto;
margin-bottom: 20px
}
.pro .leftpro .menu li > a {
display: block;
width: 190x;
height: 35px;
background: url(../images/pro02-1.png) no-repeat 170px center;
line-height: 35px;
font-size: 16px;
color: #fff;
text-decoration: none;
background-color: #005aa1;
border-radius: 5px;
padding-left: 14px
}
.pro .leftpro .menu li.cur > a {
background: url(../images/20161103162416_18193.png) no-repeat 170px center;
background-color: #005aa1
}
.pro .leftpro .menu .nmenu {
overflow: hidden;
width: 100%;
margin-top: 15px;
display: none;
max-height: 200px
}
.pro .leftpro .menu .nmenu a {
display: block;
font-size: 14px;
color: #333;
line-height: 40px;
border-bottom: 1px solid #eee;
padding-left: 15px
}
.pro .leftpro .menu .nmenu a:hover {
color: #f07f1b;
text-decoration: none
}
.pro .leftpro .phone {
overflow: hidden;
padding: 25px 0;
padding-left: 65px;
width: 165px;
background: url(../images/pro_phone.png) no-repeat 15px center;
background-color: #363636
}
.pro .leftpro .phone p {
font-size: 13px;
color: #fff
}
.pro .leftpro .phone em {
display: block;
font-size: 20px;
color: #fff
}
.pro .rightpro {
overflow: hidden;
width: 740px;
float: right
}
.pro .rightpro .list {
overflow: hidden;
width: 110%
}
.pro .rightpro li {
overflow: hidden;
float: left;
width: 230px;
height: 245px;
margin-right: 25px;
margin-bottom: 25px;
background-color: #eee
}
.pro .rightpro li img {
display: block;
margin-bottom: 15px
}
.pro .rightpro li span {
display: block;
text-align: center;
font-size: 16px;
color: #333;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.pro .rightpro li a {
display: block;
text-decoration: none
}
.pro .rightpro li:hover {
background-color: #f07f1b
}
.pro .rightpro li:hover span {
color: #fff
}
.baozhang {
overflow: hidden;
width: 100%;
height: 883px;
background: url(../images/baozhang_bg.jpg) no-repeat center top;
margin-bottom: 55px
}
.baozhang h2 {
font-size: 30px;
color: #fff;
text-align: center;
padding-bottom: 20px;
background: url(../images/title_bg02.png) no-repeat center bottom;
margin-top: 60px;
margin-bottom: 40px
}
.baozhang .bzBox {
overflow: hidden;
width: 1000px;
margin: 0 auto;
height: 685px;
position: relative
}
.baozhang .bzBox img {
display: block;
margin: 0 auto;
width: 0;
height: 0;
margin-top: 231px
}
.baozhang .bzBox .wen {
overflow: hidden;
width: 190px;
position: absolute;
display: none
}
.baozhang .bzBox h3 {
font-weight: 400;
font-size: 18px;
color: #fff;
text-align: center;
margin-bottom: 10px
}
.baozhang .bzBox p {
font-size: 14px;
color: #c6e6ff;
line-height: 25px;
}
.baozhang .wen01 {
padding-top: 133px;
padding-right: 180px;
background: url(../images/z1.png) no-repeat right top;
left: 0;
top: 20px
}
.baozhang .wen02 {
padding-left: 175px;
padding-top: 133px;
background: url(../images/y1.png) no-repeat left top;
right: 0;
top: 20px
}
.baozhang .wen03 {
padding-right: 170px;
padding-top: 155px;
background: url(../images/z2.png) no-repeat right top;
left: 0;
top: 310px
}
.baozhang .wen04 {
padding-left: 175px;
padding-top: 155px;
background: url(../images/y2.png) no-repeat left top;
right: 0;
top: 310px
}
.baozhang .wen05 {
padding-left: 135px;
padding-top: 115px;
background: url(../images/z3.png) no-repeat left top;
left: 338px;
bottom: 0
}
.case {
overflow: hidden;
width: 1100px;
margin: 0 auto;
margin-bottom: 50px
}
.case .casebox {
overflow: hidden;
width: 100%;
height: 321px;
margin-top: 40px;
position: relative
}
.case .casebox i {
display: block;
width: 41px;
height: 41px;
cursor: pointer;
position: absolute;
top: 115px
}
.case .casebox .btn01 {
background: url(../images/hezuo__btn01.png) no-repeat center top;
left: 0
}
.case .casebox .btn02 {
background: url(../images/hezuo__btn02.png) no-repeat center top;
right: 0
}
.case .casebox i:hover {
background-position: bottom
}
.case .casewin {
overflow: hidden;
width: 1000px;
margin: 0 auto;
height: 326px;
position: relative
}
.case .casewin ul {
overflow: hidden;
position: absolute
}
.case .casewin li {
float: left;
width: 311px;
margin-right: 33px;
height: 330px;
background-color: #eee
}
.case .casewin li a {
display: block;
text-decoration: none
}
.case .casewin li img {
display: block;
margin-bottom: 12px
}
.case .casewin li span {
display: block;
text-align: center;
font-size: 16px;
color: #333;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.case .casewin li:hover {
background-color: #f07f1b
}
.case .casewin li:hover span {
color: #fff
}
.liucheng {
overflow: hidden;
width: 100%;
padding-top: 55px;
padding-bottom: 65px;
background-color: #f9f9f9
}
.liucheng img {
display: block;
margin: 0 auto;
margin-top: 40px
}
.youshi {
overflow: hidden;
width: 100%
}
.youshi .ttitle {
overflow: hidden;
padding: 55px 0;
background-color: #005aa1
}
.youshi .ttitle h2 {
text-align: center
}
.youshi .ttitle em {
display: block;
text-align: center;
font-size: 16px;
color: #fff;
margin-top: 10px
}
.youshi .yslist {
overflow: hidden;
width: 100%;
height: 291px
}
.youshi .yslist .wen {
overflow: hidden;
width: 407px;
color: #333;
margin-right: 102px;
}
.youshi .yslist h3 {
font-size: 20px;
margin-bottom: 20px;
line-height: 30px
}
.youshi .yslist p {
padding-left: 14px;
background: url(../images/youshi_s02.png) no-repeat left 8px;
font-size: 14px;
line-height: 25px;
}
.youshi .yslist .wen.wen01 p {
background: url(../images/youshi_s01.png) no-repeat left 8px
}
.youshi .phone {
overflow: hidden;
padding-left: 55px;
background: url(../images/phone.png) no-repeat left center;
margin-top: 20px
}
.youshi .phone span {
display: block;
font-size: 13px;
color: #333
}
.youshi .phone em {
display: block;
font-size: 22px;
color: #f60
}
.youshi .youshi01 {
background: url(../images/yss.jpg) no-repeat center top
}
.youshi .youshi02 {
background: url(../images/yyyyy.jpg) no-repeat center top
}
.youshi .youshi03 {
background: url(../images/youshi_03.jpg) no-repeat center top
}
.youshi .youshi04 {
background: url(../images/youshi_04.jpg) no-repeat center top
}
.youshi .youshi05 {
background: url(../images/youshi_05.jpg) no-repeat center top
}
.youshi .wen.wen01 {
color: #fff;
margin-left: 180px;
margin-top: 30px;
}
.youshi .wen02 {
float: right;
margin-top: 35px
}
.youshi .wen03 {
margin-left: 180px;
margin-top: 35px;
}
.youshi .wen04 {
float: right;
margin-top: 55px
}
.youshi .wen05 {
margin-left: 178px;
margin-top: 40px;
width: 425px !important;
}
.about {
overflow: hidden;
width: 100%;
height: 515px;
background: url(../images/about_bg.jpg) no-repeat center top
}
.about h2 {
text-align: center;
font-size: 26px;
color: #333;
margin-top: 60px;
padding-bottom: 15px;
background: url(../images/about.png) no-repeat center bottom;
margin-bottom: 50px;
}
.about .abox {
overflow: hidden;
width: 1000px;
margin: 0 auto
}
.about .abox img {
display: block;
float: left;
border: 5px solid #fff
}
.about .awen {
overflow: hidden;
float: right;
width: 500px
}
.about .awen p {
font-size: 14px;
color: #333;
line-height: 26px;
text-align: justify;
height: 13 0;
overflow: hidden;
margin-bottom: 30px;
}
.about .awen .btn {
overflow: hidden
}
.about .awen .btn a {
float: left;
margin-right: 14px;
text-decoration: none;
display: block;
width: 105px;
height: 80px;
border: 2px solid #fff;
background-color: #fff;
opacity: .8;
filter: alpha(opacity=60);
text-align: center;
font-size: 16px;
color: #333;
border-radius: 5px
}
.about .awen .btn em {
display: block;
width: 50px;
height: 50px;
margin: 0 auto
}
.about .awen .btn .em01 {
background: url(../images/about01.png) no-repeat center top
}
.about .awen .btn .em02 {
background: url(../images/about02.png) no-repeat center top
}
.about .awen .btn .em03 {
background: url(../images/about03.png) no-repeat center top
}
.about .awen .btn .em04 {
background: url(../images/about04.png) no-repeat center top
}
.about .awen .btn a:hover em {
background-position: bottom
}
.about .awen .btn a:hover {
border-color: #f07f1b;
background-color: #f07f1b;
opacity: 1;
filter: alpha(opacity=100);
color: #fff
}
.zhengshu {
overflow: hidden;
width: 100%;
background-color: #f9f9f9;
padding-top: 55px;
padding-bottom: 45px
}
.zhengshu .zsbox {
overflow: hidden;
width: 1100px;
margin: 0 auto;
height: 350px;
position: relative;
margin-top: 45px
}
.zhengshu .zsbox i {
display: block;
width: 41px;
height: 41px;
cursor: pointer;
position: absolute;
top: 172px
}
.zhengshu .zsbox .btn01 {
background: url(../images/hezuo__btn01.png) no-repeat center top;
left: 0
}
.zhengshu .zsbox .btn02 {
background: url(../images/hezuo__btn02.png) no-repeat center top;
right: 0
}
.zhengshu .zsbox i:hover {
background-position: bottom
}
.zhengshu .zswin {
overflow: hidden;
width: 1000px;
height: 350px;
margin: 0 auto;
position: relative
}
.zhengshu .zswin ul {
overflow: hidden;
position: absolute
}
.zhengshu .zswin li {
float: left;
width: 237px;
height: 350px;
background-color: #fff;
margin-right: 17px
}
.zhengshu .zswin li img {
display: block;
margin: 18px auto
}
.zhengshu .zswin li span {
display: block;
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 16px;
color: #333;
}
.zhengshu .zswin il a {
display: block;
text-decoration: none
}
.liuyan {
overflow: hidden;
width: 100%;
background: url(../images/ly_bg.jpg) no-repeat center bottom;
background-color: #f9f9f9
}
.liuyan .wen {
overflow: hidden;
float: left;
margin-top: 85px;
width: 480px
}
.liuyan .wen h3 {
font-size: 40px;
color: #fff
}
.liuyan .wen p {
font-size: 26px;
color: #005aa1;
line-height: 42px;
background-color: #fff;
margin-top: 10px;
padding: 10px;
}
.liuyan .wen span {
display: block;
font-size: 15px;
color: #fff;
margin-top: 10px;
margin-bottom: 40px
}
.liuyan .phone {
overflow: hidden;
padding-left: 55px;
background: url(../images/ly_phone.png) no-repeat left center
}
.liuyan .phone em {
display: block;
font-size: 13px;
color: #fff
}
.liuyan .phone b {
display: block;
font-weight: 400;
font-size: 22px;
color: #fff
}
.liuyan .lybox {
overflow: hidden;
width: 457px;
height: 367px;
background-color: #fff;
border-top: 3px solid #f07f1b;
float: right
}
.liuyan .lybox h4 {
font-size: 26px;
color: #f07f1b;
margin-left: 25px;
margin-top: 40px
}
.liuyan .lybox p {
font-size: 16px;
color: #333;
margin-bottom: 22px;
margin-left: 25px
}
.liuyan .lybox .inbox {
overflow: hidden;
margin-left: 25px;
*margin-left: 12px;
width: 100%
}
.liuyan .lybox input {
overflow: hidden;
width: 180px;
padding: 0 10px;
height: 42px;
margin-right: 5px;
margin-bottom: 5px;
float: left;
line-height: 42px;
display: block;
font-size: 14px;
color: #333;
background: #eee;
border: none;
outline: none
}
.liuyan .lybox textarea {
overflow: hidden;
width: 385px;
display: block;
margin-bottom: 10px;
height: 80px;
padding: 10px;
font-size: 14px;
color: #333;
background: #eee;
border: none;
outline: none;
resize: none
}
.liuyan .lybox b {
display: block;
width: 150px;
height: 47px;
background-color: #f07f1b;
color: #fff;
font-size: 16px;
cursor: pointer;
text-align: center;
line-height: 47px;
*margin-left: 13px
}
.news {
overflow: hidden;
width: 100%;
padding: 45px 0 30px;
background-color: #f9f9f9
}
.news .nbox {
overflow: hidden;
width: 1020px;
margin: 0 auto
}
.news .newsbox {
overflow: hidden;
float: left;
margin: 0 10px;
border: 1px solid #dbdbdb;
width: 318px;
height: 468px
}
.news h2 {
margin-top: 30px;
margin-bottom: 25px;
padding-left: 6px;
border-left: 6px solid #005aa1;
font-weight: 400;
font-size: 20px;
color: #333
}
.news img {
display: block;
margin: 0 auto;
margin-bottom: 15px
}
.news .list {
overflow: hidden;
width: 290px;
margin: 0 auto
}
.news .list li {
overflow: hidden;
width: 100%;
font-size: 13px;
color: #666;
line-height: 45px
}
.news .list li em {
float: left;
color: #40a3ee;
margin-right: 5px
}
.news .list li a {
display: block;
float: left;
width: 180px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color: #666
}
.news .list li span {
float: right
}
.news .wenda {
overflow: hidden;
width: 290px;
margin: 0 auto;
height: 370px;
position: relative
}
.news .wenda ul {
overflow: hidden;
position: absolute
}
.news .wenda li {
overflow: hidden;
height: 104px;
margin-bottom: 20px;
border-bottom: 1px dashed #e4e4e4
}
.news .wenda h5 {
font-weight: 400;
font-size: 13px;
padding-left: 32px;
background: url(../images/news_w.png) no-repeat left center;
line-height: 25px;
margin-bottom: 15px
}
.news .wenda h5 a {
color: #f07f1b
}
.news .wenda p {
padding-left: 32px;
background: url(../images/news_d.png) no-repeat left top;
font-size: 13px;
color: #333;
line-height: 25px;
height: 50px;
overflow: hidden
}
.link {
overflow: hidden;
width: 100%;
background-color: #f9f9f9;
padding-bottom: 40px
}
.link .linkbox {
overflow: hidden;
width: 958px;
margin: 0 auto;
padding: 25px 20px;
border: 1px solid #dbdbdb
}
.link .linkbox h3 {
float: left;
font-size: 18px
}
.link h3 a {
color: #005aa1
}
.link h3 em {
color: #999;
margin-left: 5px
}
.link ul {
overflow: hidden;
float: right;
width: 825px
}
.link li {
float: left;
white-space: nowrap;
margin: 5px 15px;
font-size: 13px
}
.link li a {
color: #666
}
#mesbook1_c, #mesbook1 {
display: none;
z-index: 1001;
width: 398px;
border: 1px solid #ccc;
background: #fff;
padding-bottom: 20px
}
#mesbook1_c div, #mesbook1 div {
border: 1px solid #e4e3e3;
background: #ebeceb;
height: 18px;
padding: 4px .5em 0;
margin-bottom: 10px
}
#mesbook1_c dl.b1, #mesbook1 dl.b1 {
width: 370px;
margin: 0 auto
}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt {
float: left;
width: 105px;
overflow: hidden
}
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd {
width: 265px;
float: right
}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns {
padding-bottom: 10px
}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {
margin-right: 20px
}